<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="GeekaWhat - from a computer to a computer">
	<meta name="keywords" content="Scratch, Fireworks, Tutorials, From a computer to a computer">

	<title>GeekaWhat</title>

	<link rel="shortcut icon" href="images/geeka_small.ico" type="image/x-icon">

	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="{$base_css}/foundation.css" type="text/css" media="screen">
	<link rel="stylesheet" href="{$base_css}/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="{$base_css}/responsive.css" type="text/css" media="screen">
	<link rel="stylesheet" href="{$base_css}/modal-popup.css" type="text/css" media="screen">
	
	<style type="text/css">

img.hoverImages {
	margin:20px;
	padding:3px;
	border:#a1a1a1;	
	float:left;
	-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
 
img.hoverImages:hover {
	cursor:pointer;
    margin-top: 5px;
}
	</style>

	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
	<!-- Header -->
	<header class="clearfix">
		<!-- Top Menu -->
		<nav id="top-menu" class="clearfix">
			<ul class="no-bullet inline-list m0">
                           {foreach from=$crumbtrail key=k item=v}
			
				{if $v==""}
				<li><a href="#">{$k}</a></li>
				{else}
				<li><a href="{$v}">{$k}</a></li>
				{/if}
			   {/foreach}
				
				<!--
			        <li><a href="#">About us</a></li>
				<li><a href="#">Shortcodes</a></li>
				<li><a href="#">Portfolio</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Links</a></li>
				<li><a href="#">About us</a></li>
				<li><a href="#">Admin options</a></li>
				<li><a href="#">Documentation</a></li>
				-->
			</ul>
		</nav>
		<!-- End Top Menu -->

		<div class="inner-header clearfix">
			
			<div id="logo" class="left">
				<h1><a href="index.php"><img style="width: 237px; height: 65px;" alt="" src="{$base_images}/geekawhat_logo_blue.PNG"></a></h1>
			</div>
			
                        <!-- TODO decide what to do with this space
			<div class="ads-728x90 right">
				<a href="#"><img alt="" src="http://placehold.it/728x90"></a>
			</div>
			-->
			
			<div class="ads-728x90 right">
				<a href="#"><img alt="" src="/images/xad_banner_homepage.jpg"></a>
			</div>
		</div>
	</header>